<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/www.css">
    <link rel="stylesheet" href="./css/rester.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.css">
    <script src="./swiper/swiper-bundle.js"></script>
    <link rel="icon" href="http://rhfgn51hx.hn-bkt.clouddn.com/v2-609f59fac9e2a93007e522868276f199_720w.jpg">
</head>
<script>
    // window.addEventListener('resize', function () {
    //     if (window.innerWidth == 622) {
    //         window.innerWidth == 622
    //     }
    // })
</script>

<body>

    <div class="header">
        <img src="./images/shouye.image/logo.png" alt="">


        <header>
            <div class="top">
                <div class="center">
                    <!-- logo插入区域 -->
                    <div class="log">
                        <img src="./images/shouye.image/logo.png" alt="">
                    </div>
                    <!-- 导航栏 -->
                    <ul id="one">
                        <li><a href="javascript:;">上海市</a></li>
                        <li><a href="javascript:;">所有产品</a></li>
                        <li><a href="javascript:;">首页</a></li>
                        <li><a href="dangao.html">蛋糕</a></li>
                        <li><a href="javascript:;">面包</a></li>
                        <li><a href="javascript:;">小食</a></li>
                        <li><a href="javascript:;">最新活动</a></li>
                    </ul>
                    <ul id="two">
                        <li><a href="#" id="huanying"><span id="zhuce">注册</span>&nbsp;|&nbsp;<span
                                    id="denglu">登录</span></a>
                        </li>
                        <li>
                            <img src="./images/shouye.image/购物01.png" alt="" id="shopping">
                        </li>
                        <li>
                            <img src="./images/shouye.image/购物02.png" alt="" style="width: 30px;height:20px;">
                        </li>
                    </ul>
                </div>
            </div>

        </header>

    </div>

    <div class="row">

        <!-- 轮播图 -->
        <div class="row-nn">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./images/banner.image/1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner.image/2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner.image/1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner.image/2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner.image/1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner.image/2.jpg" alt=""></div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination"></div>
            </div>

            <div class="ceter">
                <div class="row-nn-two">

                </div>
            </div>


        </div>
        <!-- <div class="row-nnn">

            </div> -->
        <div class="col-3 menu">
            <ul class="yin">
                <li>上海门店</li>
                <li>北京门店</li>
                <li>广州门店</li>
                <li>深圳门店</li>
            </ul>
        </div>

        <div class="col-6">
            <h1 style="padding-bottom: 12px;">阳光正好,点个蛋糕吧~~</h1>
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./images/dangao.image/7.jpg"
                            style="width: 320px;height:140px; margin-left:132px ;" alt=""></div>
                    <div class="swiper-slide"><img src="./images/dangao.image/8.jpg"
                            style="width: 320px;height:140px; margin-left:132px ;" alt=""></div>
                    <div class="swiper-slide"><img src="./images/dangao.image/9.jpg"
                            style="width: 320px;height:140px; margin-left:132px ;" alt=""></div>
                    <div class="swiper-slide"><img src="./images/dangao.image/4.jpg"
                            style="width: 320px;height:140px; margin-left:132px ;" alt=""></div>
                    <div class="swiper-slide"><img src="./images/dangao.image/5.jpg"
                            style="width: 320px;height:140px; margin-left:132px ;" alt=""></div>
                    <div class="swiper-slide"><img src="./images/dangao.image/6.jpg"
                            style="width: 320px;height:140px; margin-left:132px ;" alt=""></div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <div class="col-3 right">
            <div class="aside">
                <div class="aside-1">
                    <div class="aside-1-n">
                        <img src="./images/dangao.image/1.jpg" alt="">
                    </div>
                    <div class="aside-1-n">
                        <img src="./images/dangao.image/2.jpg" alt="">
                    </div>
                    <div class="aside-1-n">
                        <img src="./images/dangao.image/3.jpg" alt="">
                    </div>
                    <!-- <div class="aside-1-n">
                        <img src="./images/dangao.image/4.jpg" alt="">
                    </div> -->

                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <h1>MCAKE</h1>
        <footer>
            <div class="center">
                <div class="footer-top" style="z-index: 999;">

                    <div class="footer-top-noe1">
                        <div class="footer-top-noe1-top">
                            <img src="./images/shouye.image/logo2.png" alt="">
                        </div>
                        <div class="footer-top-noe1-bottom">
                            <p>订购热线:4006678678(8:00-2000)</p>
                            <p>客服邮箱:cs@mcake.com</p>
                            <p>地址:上海市普邹陀区同普路1130弄3号楼</p>
                            <p>食品生产许可证:S℃12431010700121</p>
                        </div>

                    </div>

                    <div class="footer-top-noe2" style="z-index: 999;">
                        <div class="ul1">
                            <ul>
                                <li><a href="javascript:;" id="n1">关于我们</a></li>
                                <li><a href="javascript:;">企业介绍</a></li>
                                <li><a href="javascript:;">媒体合作</a></li>
                                <li><a href="javascript:;">招贤纳士</a></li>
                                <li><a href="javascript:;">呼叫中心</a></li>
                            </ul>
                        </div>
                        <div class="ul2">
                            <ul>
                                <li><a href="javascript:;" id="n1">帮助中心</a></li>
                                <li><a href="javascript:;">投诉与建议</a></li>
                                <li><a href="javascript:;">会员权益</a></li>
                                <li><a href="javascript:;">购物指南</a></li>
                                <li><a href="javascript:;">支付类</a></li>
                                <li><a href="javascript:;">订单相关</a></li>
                                <li><a href="javascript:;">配送服务</a></li>
                            </ul>
                        </div>
                        <div class="ul3">
                            <ul>
                                <li><a href="javascript:;" id="n1">发现</a></li>
                                <li><a href="javascript:;">公告</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="footer-top-noe3">
                        <div class="niubi">
                            <img src="./images/shouye.image/weibo.png" alt="">
                            <img src="./images/shouye.image/weixin.png" alt="">
                        </div>
                    </div>
                </div>

                <div class="footer-bottom">
                    <div class="footer-bottom-neihe">
                        <div class="footer-bottom-neihe1">
                            <div class="footer-bottom-neihe1-nb">
                                <p>上海卡法电子商务有限公司</p>
                                <p>地址:上海市普邹陀区同普路1130弄3号楼</p>
                                <p>洽谈电话:021-52691591</p>
                                <p>社会信用代码:913101070678091460</p>
                                <p>食品经营许可证:JY13101070034251</p>
                            </div>
                        </div>
                        <div class="footer-bottom-neihe2">
                            <div class="footer-bottom-neihe1-nb">
                                <p>上海卡法电子商务有限公司北京分公司</p>
                                <p>地止:北京市朝那阳区望京西路甲50号1号楼</p>
                                <p>洽谈电话:010-64720188 </p>
                                <p>社会信用代码:911101053484280752 </p>
                                <p>食品经营许可证:JY11105262932938 </p>
                            </div>
                        </div>
                        <div class="footer-bottom-neihe3">
                            <div class="footer-bottom-neihe1-nb">
                                <p>上海卡法电子商务有限公司杭分公司</p>
                                <p>地址:杭州市拱墅区朝晖路179号嘉汇大厦2号楼25-1室</p>
                                <p>洽谈电话:0571-28103688</p>
                                <p>社会信用代码:913301060920344424</p>
                                <p>食品经营许可证:JY13301050141226</p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <div class="nbtz">
                <h4>Copyright©2012-2022上海卡法电子商务有限公司版权所有1沪CP备12022075号1沪公网安备31010702005582号</h4>
            </div>
        </footer>
    </div>

    <div class="center">
        <div class="fixed">
            <div class="fixed-1">
                <img src="./images/www.image/我的.png" alt="">
            </div>
            <div class="fixed-1">
                <img src="./images/www.image/我的账户.png" alt="">
            </div>
            <div class="fixed-1">
                <img src="./images/www.image/更多.png" alt="">
            </div>
            <div class="fixed-1">
                <img src="./images/www.image/菜单.png" alt="">
            </div>
            <div class="fixed-1">
                <img src="./images/www.image/门店.png" alt="">
            </div>
        </div>
    </div>
</body>

</html>

<!-- 轮播图 -->
<script>
    var swiper = new Swiper(".mySwiper", {
        cssMode: true,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        pagination: {
            el: ".swiper-pagination",
        },
        mousewheel: true,
        keyboard: true,
    });
</script>